@import "base.less";
@import "ui-message-light.less";
html, body {
  margin: 0;
  height: 99.99%;
  font-size: 10vw;
  color: #333;
  padding: 0;
}
blockquote, body, button, dd, div, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, hr, img, input, legend, li, ol, p, pre, s, span, td, textarea, th, ul {
  margin: 0;
  padding: 0
}

table {
  border-collapse: separate;
  border-spacing: 0
}

img {
  border: none;
  vertical-align: middle
}

button, label {
  cursor: pointer
}

s {
  text-decoration: none
}

em, i {
  font-style: normal
}

:focus {
  outline: 0;
}

.pr {
  position: relative
}

.pa {
  position: absolute
}

.hide, .undis {
  display: none
}

.clr {
  clear: both
}

label {
  _cursor: auto !important
}

a {
  color: #333;
}

a, a:hover {
  text-decoration: none
}

a:active, a:hover {
  color: #333
}

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  color: #333;
  font-weight: 400
}
ol, ul {
  list-style-type: none
}

dl dt {
  font-weight: normal;
}
#app {
  font-family: 'Avenir', Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  min-height: 100%;
  background-color: #f8f8f8;
}

.header {
  background-color: #fff;
  .flex(row, flex-start, center);
  position: relative;
  overflow: hidden;
  img {
    height: .8rem;
    width: auto;
  }

  h1 {
    font-size: .4rem;
    line-height: .8rem;
    margin-left: .2rem;
  }
  padding: .3rem;
}
.index {
  .search-filter {
    background-color: #fff;
    margin: .4rem 0;
    dl {
      .flex(row, space-between, flex-start);
      dt {
        font-weight: normal;
        font-size: .38rem;
        white-space: nowrap;
        padding: 0 .2rem;
        text-align: right;
        width: 2.6rem;
        line-height: 1.2rem;
      }
      dd {
        flex: 1;
        .van-cell {
          padding: .2rem .4rem;
          line-height: .8rem;
        }
      }
      .van-hairline--top-bottom::after {
        border-width: 0;
        border-bottom-width: 1px;
        border-color: #e8e8e8;
      }
      .van-cell::after {
        left: 0;
        right: 0;
        border-color: #e8e8e8;
      }
      &:last-child {
        .van-hairline--top-bottom::after {
          display: none;
        }
      }
    }
  }
  .search-filter-footer {
    padding: .4rem;
    .van-button__text {
      font-size: .42rem;
    }
    .van-button__icon {
      font-size: .5rem;
    }
  }
  .van-picker__confirm {
    color: #1f53b1;
  }
  .van-picker__columns {
    .van-picker-column {
      font-size: .38rem;
      flex: 0 0 40%;
      & + .van-picker-column {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        flex: 1;
      }
    }
    .van-picker-column__item--selected {
      color: #1f53b1;
      font-weight: 500;
    }
    [class*=van-hairline]::after {
      border-color: rgba(31, 83, 177, .3);
    }
  }
  .van-field__left-icon {
    .van-icon-calendar-o {
      font-size: .5rem;
    }
  }
  .van-field__button {
    .van-button--default {
      border: 0;
      font-size: .4rem;
      height: .5rem;
      color: @color-blue;
      position: relative;
      top: -0.08rem;
    }
  }
}

.van-datetime-picker {
  .van-picker-column__item--selected {
    .tran(all .2s ease);
    font-size: .44rem;
  }
}
.result {
  .header {
    .fixed(0, 0, 0, auto, auto, auto, 500);
    .boxshadow(0 0 .2rem rgba(0, 0, 0, .1));
    label {
      display: block;
      .absolute(auto, 50%, 0, auto, 1rem, 1rem, 5);
      margin-top: -.5rem;
      .iconfont {
        display: block;
        height: 100%;
        line-height: 1rem;
        font-size: .6rem;
        color: @color-blue;
      }
    }
  }
  padding-top: 1.4rem;
  font-size: .38rem;
  .result-header {
    padding: .3rem .4rem;
    text-align: left;
    i {
      color: @color-blue;
    }
  }
  .result-body {
    padding: .4rem;
    padding-top: 0;
    dl {
      overflow: hidden;
      background-color: #fff;
      .round(.14rem);
      .boxshadow(0 0 .2rem rgba(0, 0, 0, .08));
      dt {
        .flex(row, space-between, center);
        padding: .2rem .4rem;
        border-bottom: 1px solid #efefef;
        h4 {
          white-space: nowrap;
          overflow: hidden;
          font-size: .38rem;
          text-overflow: ellipsis;
          flex: 1;
          line-height: .5rem;
          margin-right: .2rem;
          .flex(row, flex-start, flex-start);
          span {
            display: inline-block;
            vertical-align: top;
          }
          label {
            color: @color-blue;
            font-weight: 500;
            margin-left: .1rem;
            display: inline-block;
            white-space: normal;
          }
        }
        .van-button--mini {
          padding: 0 .4rem;
        }
      }
      dd {
        padding: .4rem;
        .attr-list {
          display: block;
          li {
            display: none;
            &.basic {
              .flex(row, space-between, flex-start);
            }
            font-size: .36rem;
            line-height: .6rem;
            label {
              white-space: nowrap;
              color: #888;
            }
            p {
              .box-sizing(border-box);
              flex: 1;
              margin-left: .3rem;
              .flex(row, flex-end, flex-start);
              em {
                display: inline-block;
                vertical-align: top;
                color: #fff;
                background-color: #41bba6;
                padding: 0 .3rem;
                margin-right: .1rem;
                .round(.5rem);
                font-size: .2rem;
              }
              span {
                vertical-align: top;
                text-align: right;
              }
            }
            & + li {
              margin-top: .14rem;
            }

          }
        }
        position: relative;
        overflow: hidden;
        padding-bottom: 1.2rem;
        h5 {
          .absolute(0, auto, 0, 0, auto, auto, 5);
          text-align: center;
          border-top: 1px solid rgba(0, 0, 0, .06);;
          font-size: .34rem;
          .flex(row,center,center);
          padding: .14rem 0;
          color: #999;
          .iconfont {
            font-size: .34rem;
            margin-left: .1rem;
          }
        }
        &.expaned {
          padding-bottom: .4rem;
          .attr-list {
            li {
              .flex(row, space-between, flex-start);
            }
          }
          h5 {
            display: none;
          }
        }
      }
      & + dl {
        margin-top: .4rem;
      }
    }

  }
  .result-footer {
    padding: .2rem .4rem;
    padding-bottom: 1rem;
    .flex(row, center, center);
    .van-pagination {
      font-size: .3rem;
      white-space: nowrap;
      overflow: hidden;
      .round(1rem);
      .boxshadow(0 0 .2rem rgba(0, 0, 0, .08));
      .van-pagination__item {
        height: .8rem;
        min-width: .8rem;
        color: @color-blue;
        &.van-pagination__item--active {
          color: #fff;
          background-color: @color-blue;
        }
      }
      .van-pagination__next, .van-pagination__prev {
        padding: 0 .2rem;
        white-space: nowrap;
      }
    }
  }
}
.app-footer {
  background: #fff;
  padding: .4rem;
  overflow: hidden;
  .flex(row, space-between, center);
  .fleft {
    flex: 0 0 60%;
    p {
      .flex(row, flex-start, center);
      font-size: .34rem;
      line-height: .5rem;
      .iconfont {
        font-size: .4rem;
        margin-right: .2rem;
      }
      & + p {
        margin-top: .1rem;
      }
    }
  }
  .fright {
    flex: 1;
    padding-top: 40%;
    .background-image('c_img.jpg');
    .background-attr(center right, auto 88%, no-repeat);
  }
}

.fleft .fimg {
  margin-top: 0.3rem;
  .background-image('w_icon.png');
  .background-attr(left center, contain, no-repeat);
  width: 3rem;
  padding-top: .866rem;
  overflow:hidden;
}
.fleft .fimg p{float:left;width:0.8rem;height:0.8rem;display:block;margin-right:0.2rem;}
.fleft .fimg p a{display:block;width:0.8rem;height:0.8rem;}
.fleft .fimg p.img1{background-position:-0.64rem -0.75rem;}
.fleft .fimg p.img2{background-position:-1.8rem -0.66rem;}
.fleft .fimg p.img3{background-position:-2.82rem -0.66rem;}
.nodata {
  padding: 1.5rem .4rem;
  img {
    display: block;
    margin: 0 auto;
    width: 7rem;
    height: 4rem;
    margin-bottom: 1rem;
  }
  font-size: .4rem;
  color: #999;
  white-space: nowrap;
  text-align: center;
}
.contacts-layer {
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: 5;
  dl {
    display: block;
    height: 100%;
    overflow:hidden;
    .flex(column, flex-start, stretch);
    background-color: #f8f8f8;
    dt {
      height: 1.4rem;
      border-bottom: 1px solid rgba(0, 0, 0, .1);
      .boxshadow(0 0 .2rem rgba(0, 0, 0, .08));
      .flex(row, center, flex-end);
      position: relative;
      label {
        display: block;
        .absolute(0, 0, auto, 0, 1.2rem, auto, 5);
        line-height: 1.4rem;
        .iconfont {
          display: block;
          text-align: center;
          line-height: 1.4rem;
          font-size: .6rem;
        }
      }
      ul {
        display: block;
        white-space: nowrap;
        font-size: 0;
        li {
          display: inline-block;
          vertical-align: top;
          white-space: nowrap;
          a {
            display: inline-block;
            vertical-align: top;
            .normal-link();
            .box-sizing(border-box);
            text-align: center;
            padding: 0 .3rem;
            overflow: hidden;
            line-height: 1.32rem;
            border-bottom: .08rem solid transparent;
            font-size: .4rem;
            .tran(all .2s ease);
          }
          & + li {
            margin-left: .4rem;
          }
          &.current {
            a {
              color: @color-blue;
              border-color: @color-blue;
            }
          }
        }
      }
      background-color: #fff;
    }
    dd {
      display: none;
      &.active {
        display: block;
        flex: 1;
      }
      ul {
        display: block;
        margin: .4rem 0;
        background-color: #fff;
        padding: .3rem .4rem;
        li {
          .flex(row, space-between, flex-start);
          line-height: .7rem;
          label {
            font-size: .38rem;
            color: #999;
            text-align: right;
            flex: 0 0 2.5rem;
          }
          span {
            margin-left: .3rem;
            flex: 1;
            text-align: right;
            white-space: normal;
          }
          & + li {
            margin-top: .15rem;
          }
        }
      }
    }
  }
}
